<template>
  <div>
    <div class="footer">
      <div class="container navs">
        <div class="box_com">
          <div>公司信息</div>
          <div>地址：<br /><br />成都市武侯区西部智谷A区2栋1单元703</div>
          <button class="btn">联系我们</button>
        </div>
        <div class="box_lx">
          <div>联系我们</div>
          <div>028-99665628</div>
          <div>服务：028-1215121<br /><br />加盟：028-1215121</div>
        </div>
        <div class="box_lg">LOGO</div>
      </div>
    </div>
    <div class="bean">备案号：123456777</div>
  </div>
</template>
<style  scoped>
.bean {
  text-align: center;
  padding: 15px 0;
  background-color: #333333;
  color: #8d8d8d;
  font-size: 14px;
}
.footer {
  height: 301px;
  background-image: url("@/static/img/footer74@2x.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.navs {
  display: flex;
  justify-content: space-between;
  padding-top: 71px;
}
.navs .box_lg {
  width: 311px;
  height: 154px;
  background: #ffffff;
  border: 1px solid #707070;
}
.navs .box_com div:nth-child(1) {
  color: #ececec;
  font-weight: bold;
  font-size: 18px;
}
.navs .box_com div:nth-child(2) {
  color: #8d8d8d;
  padding: 41px 0;
}
.navs .box_lx div:nth-child(1) {
  width: 72px;
  height: 18px;
  font-size: 18px;
  font-family: Source Han Sans CN, Source Han Sans CN-Medium;
  font-weight: bold;
  text-align: left;
  color: #ececec;
}
.navs .box_lx div:nth-child(2) {
  padding: 41px 0;
  font-size: 29px;
  font-family: Source Han Sans CN, Source Han Sans CN-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
}
.navs .box_lx div:nth-child(3) {
  color: #8d8d8d;
  font-size: 14px;
}
.navs .box_com button {
  width: 143px;
  height: 40px;
  background: #2959b0;
  color: #ffffff;
}
</style>